<!DOCTYPE html>
<html>
<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">
    <meta http-Equiv="Cache-Control" Content="no-cache" />
    <meta http-Equiv="Pragma" Content="no-cache" />
    <meta http-Equiv="Expires" Content="0" />
    <title>Vue-Role</title>
</head>
<style>
    [v-cloak] {
        display: none;
    }
    #top-tip{
        height:40px;
        background-color: #f0f9eb;
        color: #67c23a;
        text-align: center;
        line-height: 40px;
    }
</style>
<body>
<div id="top-tip"><span>当前权限为超管按 control(ctr)+ / 开启权限管理模式</span></div>
<div id="app" v-cloak >
    <!--childView是固定值-->
    <el-container class="mag-container">
        <el-aside class="mag-aside" width="auto">
            <div class="logo-wrapper">
                    <img class="logo-img"  src="libs/logo.png">
            </div>
            <el-menu @select="menuClick" ref="menu" :default-active="defaultMenu" class="mag-el-menu-vertical"  :collapse="isCollapse" >
                <el-menu-item v-role:customer.$f  index="test">
                    <template slot="title">
                        <span>框架列表</span>
                    </template>
                </el-menu-item >
                <el-menu-item  v-role:customer index="a">
                    <span>系统管理</span>
                </el-menu-item>

                <el-menu-item   v-role.1.2 index="role" >
                    <template slot="title">
                        <span>权限管理</span>
                    </template>
                </el-menu-item>
            </el-menu>

        </el-aside>
        <component v-bind:is="childView">
        </component>
    </el-container>
</div>

</body>
<!--引用 vue-rap文件-->
<script src="libs/rap.1.2.3.js"></script>

<style >
    :root{
        --bgColor:#000;
    }
</style>
<script>
    window.loginUser={role_id:1};
    //代码写在onload里防止阻塞页面渲染
    window.onload=function() {
        Rap.config({
            debug:true,
            default_page:"test/index",
            app_version:'2',
            comp_version:{'showcase/tag/index':3},
            css:[
                'libs/element-ui/index.css',
                'libs/bootstrap-3.3.7/css/bootstrap.min.css',
                'global.css',
                '../vue-role.css'
            ],
            script:[
                "libs/vue.2.5.13.min.js",
                "libs/element-ui.2.0.11.js",
                "../vue-role.0.1.0.js",
                "global.js"
            ]
        })
    }
</script>
<style>


</style>

</html>